<template>
  <div>
    *注释 <br />
    <hr />
    事件总线 <br />
    * 负责做任意组件通信 <br />
    * 我们找一个可以绑定自定义事件的一个‘东西’（一般我们用入口的Vue实例） <br />
    * 把这个东西放在所有的组件实例都能访问的地方（Vue的原型对象上） <br />
    * 想要获取数据的组件，就给这个‘东西’绑定自定义事件，事件函数在当前组件内部
    <br />
    * 想要传递数据的组件，调用这个‘东西’上的自定义事件，达到传值的目的 <br />
    * 书写方式： <br />
    + 在newVue中beforeCreate钩子函数中书写`Vue.prototype.$bus=this` <br />
    + 在获取数据的一方使用 `this.$bus.$on("xxx",fn)` <br />
    + 在传递数据的一方使用`this.$bus.$emit("xxx",count)` <br />

    <hr />
    插槽slot<br/>
    {{slot}}
  </div>
</template>

<script>
export default {
    name:"Other",
    data(){
        return{
            slot:`* 主要是为了实现父组件向子组件传递标签结构<br>
    * 子组件使用<br>
      + <slot/> 默认插槽<br>
      + <slot name="xxx" /> 具名插槽<br>
      + <slot :a="1" :b="2" /> 作用域插槽<br>
    * 父组件使用<br>
      <br>
      <Child><br>
        <!-- 默认插槽传值 --><br>
        <p><p><br>
<br>
        <!-- 具名插槽传值 --><br>
        <template v-slot:xxx  #xxx><br>
<br>
        <template> <br>
<br>
        <!-- 作用域插槽传值 --><br>
        <template #xxx="{a,b,c}"><br>
<br>
        <template><br>
      </Child><br>
      `,
        }
    }
};
</script>

<style></style>
